<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Geo</title>
	<style>
		@keyframes blink{
			0%{
				opacity: 0
			}
			100%{
				opacity: 1
			}
		}
		html{
			overflow-y:scroll; 
		}
		body{
			overflow: auto;
		}

		.img1{visibility: hidden}
		.img2{
			width:40px;
			height: 40px;
		}
		.img3{
			display: none;
		}
		.blink{
			animation: blink 0.5s ease-in-out infinite alternate
		}
		.scroll{
			height: 150px;
			background-color: #ccc;
			overflow: auto;
			position: relative;
		}
		.scroll{
			padding: 10px;
			position: relative;
		}
		.scroll img{
			outline: 1px solid red
		}
		iframe{
			width: 500px;
			height: 500px;
		}
	</style>
</head>
<body>
	<input type="text" id="test-input">
	<img class="img1" src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="到百度首页" title="到百度首页">
	<img width="325px" height="219px" id="scale-img" src="http://hiphotos.baidu.com/baidu/pic/item/8694a4c27d1ed21bf9d4c347a96eddc451da3f77.jpg">
	<button id="test-btn">开启测试</button>
	<hr>
	<a href="https://www.baidu.com" onclick="console.log('href')">baidu</a>
	<button onclick="go()">alert</button>
	<button onmousedown="console.log('onmousedown')">onmousedown</button>
	<button onmouseup="console.log('onmouseup')">onmouseup</button>
	<button onmouseover="console.log('onmouseover')">onmouseover</button>
	<hr>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<div id="imgwrap" class="scroll"></div>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<img class="img2" src="https://imgm.gmw.cn/attachement/jpg/site215/20210217/4177002010262980892.jpg" alt="">
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<img class="index-logo-src" src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="到百度首页" title="到百度首页">
	
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<img class="img3" src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="到百度首页" title="到百度首页">
	
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<div class="d1" style="background-color:red">
		<div class="d2">
			<div class="d4">
	<img id="testimg" class="index-logo-src" src="https://www.baidu.com/img/flexible/logo/pc/result.png" alt="到百度首页" title="到百度首页">
	</div>
		</div>
	</div>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	
	<p>asfsadf</p>
	<p>asfsadf</p>
	<p>asfsadf</p>
	<button id="test-btn">开启测试</button>
	<p>asfsadf</p>
	<p>asfsadf</p>
	
	<script>
		document.querySelector("#test-btn").addEventListener("click",()=>{
			window.__aa__bb__cc__dd__ee__ff()
		})
	</script> 
	<script>
		var _hmt = _hmt || [];
	(function() {
		var hm = document.createElement("script");
		hm.src = "https://hm.baidu.com/hm.js?ebeccd13597fcc7966640b9f57c6c190";
		var s = document.getElementsByTagName("script")[0]; 
		s.parentNode.insertBefore(hm, s);
	})();
	</script>

</body>
</html>